body {
  box-sizing: border-box;
  min-height: 100vh;
  flex-direction: column;
  padding: 1rem 2rem;
  padding-bottom: 3rem;
}
h1 {
  margin-top: 1rem;
  padding-left: 1rem;
  font-weight: lighter;
  /* padding-bottom: 1rem; */
}
.file-box {
  position: relative;
  overflow: hidden;
  width: 17.5rem;
  box-sizing: border-box;
  padding: 0.75rem 1rem;
  background-color: black;
  color: white;
  border-radius: 3.75px;
  cursor: pointer;
}
.file-box::before {
  display: block;
  text-align: center;
  content: "上传书籍目录导航JSON的文件";
  cursor: pointer;
}
.file-box input {
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
  height: 100%;
  cursor: pointer;
}

#submit {
  font-size: 1.25rem;
  width: 17.5rem;
  padding: 0.75rem 1rem;
  cursor: pointer;
  border-radius: 3.75px;
  background-color:red;
  color: white;
}

.container {
  flex-grow: 1;
  overflow-y: scroll;
}

.book-total span{
  color: #ff4545;
}

.preview-booklets-box .booklet-box span:nth-child(1){
  font-size: 1.25rem;
}

h4 {
  margin: 0.75rem 0;
  margin-top: 0;
}

h4.title {
  width: 100%;
}

.booklet-box {
  width: 50%;
}